@if $enable-grid-classes{
    .container{
        @include make-container();
        @include make-container-max-widths();
    }
    @each $breakpoint, $container-max-width in $container-max-widths{
        
        .container-#{$breakpoint}{
            @extend .container-fluid;
        }
         // Responsive containers that are 100% wide until a breakpoint
        @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
           %responsive-container-#{$breakpoint} {
               max-width:  $container-max-width;
           }
           @each $name,$width in $grid-breakpoints {
               @if ($container-max-width > $width or $breakpoint == $name) {
                   .container#{breakpoint-infix($name, $grid-breakpoints)} {
                       @extend %responsive-container-#{$breakpoint};
                   }
               }
           }
        }
       }
}

@if $enable-grid-classes{
    .container-fluid{
        @include make-container();
    }
}
@if $enable-grid-classes{
    .row{
        @include make-row();
    }
    .no-gutters{
        margin-right:0;
        margin-left:0;
        >.col,
        >[class*="col-"]{
            padding-right: 0;
            padding-left: 0;
        }
    }
}
@if $enable-grid-classes{
    @include make-grid-columns();
}